<template>
  <div class="bottom">
    <div class="bottom-center">
      <div class="left">
        <div class="one">
          <span>服务条款</span>
          <span>隐私政策</span>
          <span>儿童隐私政策</span>
          <span>版权投诉指引</span>
          <span>意见反馈</span>
        </div>
        <p class="two">
          网易公司版权所有©1997-2021 &nbsp;&nbsp;&nbsp;&nbsp;
          杭州乐读科技有限公司运营：浙网文[2021] 1186-054号
        </p>
        <p class="three">
          违法和不良信息举报电话：0571-89853516 &nbsp;&nbsp;&nbsp;&nbsp;
          举报邮箱：ncm5990@163.com
        </p>
        <p class="four">
          粤B2-20090191-18 &nbsp; 工业和信息化部备案管理系统网站
          <img src="../../assets/image/ia_100000000163.png" alt="" />
          浙公网安备 33010902002564号
        </p>
      </div>
      <div class="right">
        <img src="../../assets/image/_20210602163249.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style  scoped>
.bottom {
  padding-top: 5px;
  height: 173px;
  background-color: #f5f1f1;
}
.bottom .bottom-center {
  width: 1000px;
  margin: 0 auto;
  color: #333;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}
.bottom .bottom-center .left {
  width: 520px;
}
.bottom-center .left .one {
  display: flex;
  color: #999;
  padding: 4px 0;
}
.bottom-center .left .one span:first-child {
  padding: 0 4px 0 0;
}
.bottom-center .left .one span {
  border-left: 1px solid #ccc;
}
.bottom-center .left .one span:first-child {
  border-left: 1px solid transparent;
}
.bottom-center .left .one span {
  padding: 0 10px;
}
.bottom-center .left .two {
  padding: 4px 0;
}
.bottom-center .left .four {
  padding: 4px 0;
}
.bottom-center .left .four img {
  width: 14px;
  height: 14px;
}
.bottom-center .left .three {
  padding: 4px 0;
}
.right {
  width: 460px;
}
.right > img {
  width: 460px;
  height: 113px;
}
</style>
